.warp{
    margin-top: 1rem;
    form{
        position: relative;
        input{
            width: 100%;
            height: 3rem;
            border: none;
            outline: none;
            box-sizing: border-box;
            border-bottom: 1px solid rgb(196, 196, 196);
            padding-left: 1.5rem;
            font-size: 1rem;
        }
        .img-1{
            position: absolute;
            top: 7rem;
            right: 1rem;
        }
        .img-2{
            position: absolute;
            top: 9.7rem;
            right: 1rem;
        }
    }
}
.warp-1{
    height: 6rem;
    background-color: rgb(255, 255, 255);
    padding: 1.5rem;
    p{
        color: rgb(184, 184, 184);
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
    .div-1{
        display: flex;
        justify-content: space-between;
        div:nth-child(1){
            width: 4rem;
            height: 4rem;
            line-height: 4rem;
            background-color: rgb(165, 223, 169);
            font-size: 1rem;
            text-align: center;
            color: rgb(16, 207, 80);
            }
        div:nth-child(2){
                width: 4rem;
                height: 4rem;
                line-height: 4rem;
                background-color: rgb(165, 223, 169);
                font-size: 1rem;
                text-align: center;
                color: rgb(46, 176, 199);
                }
        div:nth-child(3){
                    width: 4rem;
                    height: 4rem;
                    line-height: 4rem;
                    background-color: rgb(236, 203, 152);
                    font-size: 1rem;
                    text-align: center;
                    color: rgb(209, 130, 40);
                    }
        div:nth-child(4){
                        width: 4rem;
                        height: 4rem;
                        line-height: 4rem;
                        background-color: rgb(197, 197, 197);
                        font-size: 1rem;
                        text-align: center;
                        color: rgb(155, 155, 155);
                        }
    }
   
}
.button-1{
    height: 100%;
    float: right;
    border: none;
    outline: none;
    margin-top: 1rem;
    color: rgb(207, 85, 85);
    font-size: 1rem;
}
.yinchang{
    display: none;
    position: fixed;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%);
    width: 14rem;
    height: 7rem;
    font-size: 0.7rem;
    background-color: rgb(219, 219, 219);
    border-radius: 0.5rem;
    p{
        text-align: center;
        height: 4rem;
        line-height: 4rem;
    }
    .button-2{
        width: 50%;
        height: 3rem;
        border: none;
        outline: none;
        color: rgb(134, 134, 134);
        border-radius: 0 0 0 0.5rem;
    }
    .button-3{
        float: right;
        width: 50%;
        height: 3rem;
        border: none;
        outline: none;
        color: rgb(255, 255, 255);
        background-color: rgb(33, 182, 58);
        border-radius:0 0 0.5rem 0;
    }
}
.pp{
    width: 8rem;
    height: 6rem;
    line-height: 6rem;
    background-color: rgb(219, 219, 219);
    position: fixed;
    text-align: center;
    font-size: 1rem;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%);
    display: none;
    border-radius: 1rem;
}
footer{
    margin-top: 5.5rem;
    width: 100%;
   button{
   
    bottom: 0;
    height: 3rem;
    width: 100%;
    background-color: rgb(25, 190, 33);
    outline: none;
    border: none;
    font-size: 1rem;
    color: rgb(255, 255, 255);
   }
}